<template>
  <div class="header">
    <i>城市选择</i>
    <router-link to="/">
      <i class="iconfont backIcon">&#xe624;</i>
    </router-link>
  </div>
</template>

<script>
export default {
  name: 'CityHeader'
}
</script>

<style lang="stylus" scoped>
  @import "~_styles/varibles.styl"
  .header
    position: relative
    height: $headerHeight
    line-height: $headerHeight
    background-color: $bgColor
    text-align: center
    font-size: .28rem
    color: #fff
    .backIcon
      position: absolute
      left: 0
      top: 0
      width: .86rem
      height: .86rem
      color: #fff
</style>
